<link href="../core/resource/css/bootstrap-select.min.css" rel="stylesheet">
<style>
.multiselect{
	height:34px!important;
	padding:0 10px;
	color:#252424;
	border-color:#e7e7eb!important;
	border-style:solid;
	border-width:1px;
	box-shadow:0 0 0!important;
	outline:0;
	border-radius:4px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background:url(../images/select-arrow.png) #fff no-repeat right!important;
	padding-right:35px
}
.btn-select {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
	text-align:left;
}
.btn-select:hover {
	color:#333;
	background-color:#f2f2f2;
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
	color:#18bc9c;
	text-decoration:none;
	background-color:#fff;
	outline:0;
}
.multiselect-list {max-height:200px;overflow-y:auto;width:100%}
.multiselect-list .checkbox, .multiselect-list .radio {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

</style>
<div ng-if="{width}==100"  class="form-group" {guanlians}>
	<label class="col-xs-12 col-sm-3 col-md-2 right-label">{{check_show_lang('{title}')}}</label>
	<div class="col-xs-12 col-sm-8 col-lg-9">
		<div class="btn-group open" style="width:100%" >
		   <button  type="button" class="multiselect dropdown-toggle btn btn-select" onclick="$(this).next().toggle()" data-toggle="dropdown" aria-expanded="true">
				<span class="multiselect-selected-text">{select_title}({{checkbox_num({tovalue}.{name})}})</span>
				<b class="caret"></b>
		   </button>
		   <ul  class="multiselect-list dropdown-menu" style="display:none;margin-top: -2px;">
			   <li ng-repeat="item in {pagevalue}.{options}" ng-show="{tovalue}.{name}.indexOf(';'+item.{option_value}+';')>=0 || '{show_field}'=='uikhut7655gy' || {pagevalue}.params.{show_field}==item.{show_field} || {pagevalue}.params.{show_field}.indexOf(';'+item.{show_field}+';')>=0" ng-class="{'active':{tovalue}.{name}.indexOf(';'+value+';')>=0}">
				   <div class="checkbox">
					   <label title="{{item.{option_title}}}">
							<input type="checkbox" ng-click="duoxuans(item.{option_value},{tovalue},'{name}')"  ng-checked="{tovalue}.{name}.indexOf(';'+item.{option_value}+';')>=0" value="{{item.{option_value}}}" style="margin-top:3px;margin-left:-23px"> {{item.{option_title}}}
					   </label>
				   </div>
			   </li>
		   </ul>
	   </div>
		<div class="help-block">{help}</div>
	</div>
</div>
<div ng-if="{width}!=100"  class="form-group" style="width:{width}%;float: left;" {guanlians}>
	<div class="bootstrap-select col-xs-12 col-sm-12 col-lg-12" style="padding-left:5px;padding-right:5px" onmouseenter="$(this).find('ul').show()" onmouseleave="$(this).find('ul').hide()">
	   <div class="btn-group open" style="width:100%" >
		   <button  type="button" class="multiselect dropdown-toggle btn btn-select"  data-toggle="dropdown" aria-expanded="true">
				<span class="multiselect-selected-text">{title}({{checkbox_num({tovalue}.{name})}})</span>
				<b class="caret"></b>
		   </button>
		   <ul  class="multiselect-list dropdown-menu" style="display:none;margin-top: -2px;padding:10px;vo">
			   <li ng-repeat="item in {pagevalue}.{options}" ng-show="{tovalue}.{name}.indexOf(';'+item.{option_value}+';')>=0 || '{show_field}'=='uikhut7655gy' || {pagevalue}.params.{show_field}==item.{show_field} || {pagevalue}.params.{show_field}==';'+item.{show_field}+';'" ng-class="{'active':{tovalue}.{name}.indexOf(';'+value+';')>=0}">
				   <div class="checkbox">
					   <label title="{{item.{option_title}}}">
							<input type="checkbox" ng-click="duoxuans(item.{option_value},{tovalue},'{name}')"  ng-checked="{tovalue}.{name}.indexOf(';'+item.{option_value}+';')>=0" value="{{item.{option_value}}}" style="margin-top:3px;margin-left:-23px"> {{item.{option_title}}}
					   </label>
				   </div>
			   </li>
		   </ul>
	   </div>
	</div>
</div>
